// 全局样式重置
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  height: 100%;
}

// 滚动条美化
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f5f7fa;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #909399;
  border-radius: 3px;
  
  &:hover {
    background: #606266;
  }
}

// // 统一图标样式
// .el-icon {
//   --el-icon-size: 16px; // 设置默认图标大小
//   vertical-align: middle;
  
//   svg {
//     width: var(--el-icon-size);
//     height: var(--el-icon-size);
//   }
// }

// 大号图标
.icon-large {
  --el-icon-size: 24px;
}

// 小号图标
.icon-small {
  --el-icon-size: 14px;
}

// 修复 Element Plus 图标在按钮中的对齐问题
.el-button {
  .el-icon {
    vertical-align: middle;
    margin-right: 4px;
    
    svg {
      vertical-align: middle;
    }
  }
  
  &.is-circle {
    .el-icon {
      margin-right: 0;
    }
  }
}

// 修复菜单图标大小
.el-menu-item,
.el-sub-menu__title {
  .el-icon {
    --el-icon-size: 18px;
    margin-right: 8px;
  }
}

// 修复面包屑图标大小
.el-breadcrumb__item {
  .el-icon {
    --el-icon-size: 16px;
    margin-right: 4px;
  }
}

// // 修复下拉菜单图标大小
// .el-dropdown-menu__item {
//   .el-icon {
//     --el-icon-size: 16px;
//     margin-right: 8px;
//   }
// } 

.el-scrollbar{
  height: calc(100% - 60px);
}